<template>
	<button class="button" :class="{disabled:disabled}" @click="_click"><slot></slot></button>
</template>

<script>
export default {
	props: {
		onClick: {
			type: Function,
			required: true
		},
		disabled: {
			type: Boolean
		}
	},
	methods: {
		_click(e) {
			this.onClick(e)
		}
	}
}
</script>

<style scoped lang="scss">
	@import './style'
</style>